import { createRouter, createWebHashHistory } from 'vue-router'
import Layout from '@/layout/mine.vue'
let routes = [
    {
        // 重定向首页
        path:'/',
        redirect:'/index'
    },
    {
        // 登录页面
        path:'/login',
        component:()=>import('@/views/LoginPage/LoginPage.vue')

    },
    {
        // 首页
        path:'/index',
        component:Layout,
        meta:{
            title:'首页',
            icon:'House',
        },
        children:[
            {
                path:'HomePage',
                meta:{
                    title:'主页',
                    icon:'House',
                },
                component:()=>import('@/views/HomePage/HomePage.vue')

            }
        ]
    },
    {
        // 凭证页面
        path:'/ProofPage',
        component:Layout,
        meta:{
            title:'凭证',
            icon:'StarFilled',
        },
        children:[
            {
                // 新建凭证页面
                path:'NewProofPage',
                meta:{
                    title:'新建凭证',
                },
                component:()=>import('@/views/ProofPage/NewProofPage.vue')
            },
            {
                // 凭证列表页面
                path:'ProofListPage',
                meta:{
                    title:'凭证列表',
                    icon:'StarFilled',
                },
                component:()=>import('@/views/ProofPage/ProofListPage.vue')

            }
        ]
    },
    {
        // 结账页面
        path:'/CheckoutPage',
        component:Layout,
        meta:{
            title:'结账',
            icon:'SuccessFilled',
        },
        children:[
            {
                path:'from',
                meta:{
                    title:'结账',

                },
                component:()=>import('@/views/CheckoutPage/CheckoutPage.vue')

            }
        ]
    },



    {
        // 404页面
        // Vue Router 的新版本中对“通配符路由”（catch-all routes）进行了更改，要求使用自定义正则表达式参数来定义 404 页面路由。所以，你需要将原来的通配符路由定义方式进行调整。
        path:'/:catchAll(.*)',// 使用动态路径参数和正则表达式
        component:()=>import('@/views/NotPage/index.vue')
    }
]
const router = createRouter({
    history: createWebHashHistory(),
    routes
})
export default router